Skip to main content

ESLint Plugin Query

TanStack Query自带其自己的ESLint插件。这个插件用于强制执行最佳实践，并帮助你避免常见的错误。

安装​

该插件是一个单独的包，需要安装：

$ npm i -D @tanstack/eslint-plugin-query
# 或者
$ pnpm add -D @tanstack/eslint-plugin-query
# 或者
$ yarn add -D @tanstack/eslint-plugin-query

用法​

将 @tanstack/eslint-plugin-query 添加到 .eslintrc配置文件的 plugins 部分中：

{
  "plugins": ["@tanstack/query"]
}

然后在规则部分配置你想要使用的规则：


{
  "rules": {
    "@tanstack/query/exhaustive-deps": "error",
    "@tanstack/query/prefer-query-object-syntax": "error"
  }
}

推荐的配置​

你也可以启用我们插件的所有推荐规则。在 extends 中添加 plugin:@tanstack/eslint-plugin-query/recommended：

{
  "extends": ["plugin:@tanstack/eslint-plugin-query/recommended"]
}